<!--首部显示当前位置-->
<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
    <ol class="breadcrumb">
        <strong>当前位置:</strong>
        <li class="breadcrumb-item"><a href="#" class="text-decoration-none link-success">管理中心</a></li>
        <li class="breadcrumb-item"><a href="#" class="text-decoration-none link-success">供应商管理</a></li>
        <li class="breadcrumb-item active" aria-current="page">供应商信息管理</li>
    </ol>
</nav>

<!--搜索框-->
<div class="input-group mb-3 w-50 mx-auto">
    <input id="input-search-provider" type="text" class="form-control" placeholder="输入供应商名称"
           aria-describedby="btn-search-provider">
    <button class="btn btn-primary" type="button" id="btn-search-provider" onclick="searchProvider()">搜索</button>
</div>

<!--动态渲染加载图标-->
<div id="searchAlertPlaceholder" class="row d-flex justify-content-center"></div>

<div class="container col-md-10">
    <!--批量操作按钮-->
    <div style="text-align: right">
        <button class="btn btn-success ml-auto" data-bs-toggle="modal" data-bs-target="#div-modal-add">添加</button>
        <button class="btn btn-danger" onclick="removeProviders()">批量删除</button>
    </div>
    <table class="table table-bordered ">
        <h6 id="textShowResult" class="text-dark">共0条结果</h6>
        <thead class="table-primary">
        <tr>
            <td style="width: 8%"><input id="cb_all" type="checkbox" onclick="choseAll()">全选</td>
            <td style="width: 3%;">ID</td>
            <td style="width: 10%;">账号</td>
            <td style="width: 10%;">
                名称
            </td>
            <td style="width: 15%">描述</td>
            <td style="width: 10%">联系人</td>
            <td style="width: 10%">联系电话</td>
            <td style="width: 10%">地址</td>
            <td style="width: 6%">传真</td>
            <td style="width:15%">操作</td>
        </tr>
        </thead>
        <tbody id="tbody-provider">
        </tbody>
    </table>
</div>

<!-- 结果通过动态渲染-->
<div id="div-admin-provider-page"></div>
